<template>
  <div class="left">
    
    <el-menu theme="dark" mode="vertical" default-active="1" :router="true" class="el-menu-vertical-demo">
      <el-menu-item-group title="经费申请">
        <el-menu-item index="/funds/list/1"><i class="el-icon-message"></i>申请列表</el-menu-item>
        <el-menu-item index="/funds/add"><i class="el-icon-message"></i>提交申请</el-menu-item>
      </el-menu-item-group>
      <el-menu-item-group title="部门管理">
        <el-menu-item index="/department/list/1"><i class="el-icon-message"></i>部门列表</el-menu-item>
        <el-menu-item index="/department/add"><i class="el-icon-message"></i>添加部门</el-menu-item>
      </el-menu-item-group>
    </el-menu>
  </div>
</template>

<script>
  export default {
    name: 'left',
    data () {
      return {
        msg: 'Welcome to Your Vue.js App'
      };
    },
    methods: {
      handleOpen (key, keyPath) {
        console.log(key, keyPath);
      },
      handleClose (key, keyPath) {
        console.log(key, keyPath);
      }
    }
  };
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>

</style>
